<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p><b>哈哈哈</b></p>
    <input type="text" value="哈哈范德萨">
    <script>
        let p = document.querySelector('p')
        // 获取标签中的内容
        // innerHTML 获取标签及文字
        console.log(p.innerHTML)
        // innerText 获取纯文字
        console.log(p.innerText);

        // 设置元素中的内容
        
        p.innerHTML = '恢复恢复恢复恢复发货'
        p.innerText = '文字文字文字'

        p.innerHTML= '<i>咳咳咳咳咳咳咳</i>'

        // 获取和设置输入框的内容
        let input = document.querySelector('input')

        console.log(input.value);

        input.value = '哈哈哈，范德彪'
        
        
    </script>
</body>
</html>